<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>文章添加--layui后台管理模板</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="format-detection" content="telephone=no">
<link rel="stylesheet" href="../../js/layui/css/layui.css" media="all" />
<script src="../../js/layui/layui.js"></script>
<link rel="stylesheet" href="../../css/font_eolqem241z66flxr.css"
	media="all" />
<style type="text/css">
.layui-form-item {
	margin-top: 30px;
}
</style>
</head>
<body class="childrenBody">
	<form class="layui-form" style="width: 80%;" id="designerForm" lay-filter="designerForm">
		<input type="hidden" name="userId" />
		<div class="layui-form-item">
			<label class="layui-form-label"><span style="color: red;">*
			</span>管理员姓名</label>
			<div class="layui-input-block">
				<input type="text" class="layui-input linksName"
					lay-verify="required" placeholder="请输入姓名" name="userName">
			</div>
		</div>
		<div class="layui-form-item">
			<label class="layui-form-label"><span style="color: red;">*
			</span>管理员密码</label>
			<div class="layui-input-block">
				<input type="tel" class="layui-input linksUrl" lay-verify="required"
					name="password">
			</div>
		</div>

		<div class="layui-form-item">
			<label class="layui-form-label"><span style="color: red;">*
			</span>管理员头像</label>
			<div class="layui-input-block">
				<button type="button" class="layui-btn" id="upload">
					<i class="layui-icon">&#xe67c;</i>上传图片
				</button>
			</div>
			<div class="layui-input-block" style="margin-top: 20px;">
				<img id="imgFace" style="width: 120px" src="" /><br /> <input
					type="hidden" name="userImg" id="picName" value="" class="layui-input">
			</div>
		</div>

		<div class="layui-form-item">
			<div class="layui-input-block">
				<button class="layui-btn" lay-submit="" lay-filter="addDesigner"
					id="submit">立即提交</button>
				<button type="reset" class="layui-btn layui-btn-primary">重置</button>
			</div>
		</div>
	</form>
	<script type="text/javascript">
		layui
				.use(
						[ 'upload', 'layer', 'form' ],
						function() {
							var upload = layui.upload, $ = layui.$, form = layui.form, layer = layui.layer;
							var data = JSON.parse(sessionStorage
									.getItem("Designer")); //存放数据，修改时用
							form.val("designerForm", {
								"userId" : data.userId,
								"userName" : data.userName,
								"password" : data.password,
								"userImg" : data.userImg,
							});
							$("#imgFace").attr("src",
									"../../../" + data.userImg);
							var uploadInst = upload
									.render({
										elem : '#upload' //绑定元素
										,url : 'http://localhost:8080/Greenleaf/uploadImage/upload'
										,done : function(res) {
											if (res) {
												//把返回的图片名，放到img标记的src里面
												$("#imgFace").attr(
														"src",
														"../../../images/"
																+ res.remark);
												//把返回的图片名，保存在隐藏域里面
												$("#picName").val("images/"+res.remark);
												layer.msg('新图片上传成功', {
													icon : 6,
													time : 1500
												});
											}
										},
										error : function() {
											layer.msg("图片上传失败");
										}
									});

							form
									.on(
											'submit(addDesigner)',
											function(data) {
												$
														.post(
																'http://localhost:8080/Greenleaf/user/update',
																$(
																		"#designerForm")
																		.serialize(),
																function(res) {
																	if (res) {
																		var index = top.layer
																				.msg(
																						'数据提交中，请稍候',
																						{
																							icon : 16,
																							time : false,
																							shade : 0.8
																						});
																		setTimeout(
																				function() {
																					top.layer
																							.close(index);
																					top.layer
																							.msg("管理员编辑成功！");
																					layer
																							.closeAll("iframe");
																					parent.location
																							.reload();
																				},
																				1000);
																	} else {
																		var index = top.layer
																				.msg(
																						'数据提交中，请稍候',
																						{
																							icon : 16,
																							time : false,
																							shade : 0.8
																						});
																		setTimeout(
																				function() {
																					top.layer
																							.close(index);
																					top.layer
																							.msg("管理员编辑失败！");
																					parent.location
																					.reload();
																				},
																				1000);
																	}
																}, "text")
												return false;
											})
						});
	</script>

	<!-- <script type="text/javascript" src="linksAdd.js"></script> -->
</body>
</html>